<template>
  <div>
    <el-card style="max-width: 480px" shadow="hover">
      <!-- 头部插槽 header 可以省略 -->
      <template #header>
        <div class="card-header">
          <span>头部内容</span>
        </div>
      </template>
      <!-- 主体内容 默认插槽 不可以省略 -->
      <p
        v-for="o in 4"
        :key="o"
        class="text item"
        
      >{{ '主体内容 ' + o }}</p>
      <!-- 底部插槽 footer 可以省略 -->
      <template #footer>底部内容</template>
    </el-card>
  </div>
</template>

<script setup>

</script>

<style scoped></style>